<!DOCTYPE html
    PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<!--
 index.html
 niniliapp

 Created by You on June 13, 2010.
 Copyright 2010, Your Company All rights reserved.
-->
    <head>
        <meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />
        <meta http-equiv="X-UA-Compatible" content="chrome=1" /> 
		<meta http-equiv="content-type" content="text/html;charset=UTF-8" />

        <meta name="viewport" content="initial-scale=1.0, user-scalable=no" />

		<meta name="apple-mobile-web-app-capable" content="yes" /> 
		<meta name="apple-mobile-web-app-status-bar-style" content="black" /> 
		
		<META HTTP-EQUIV="PRAGMA" CONTENT="NO-CACHE">
			
		<link rel="apple-touch-icon" href="Resources/icon.png" /> 
		<link rel="apple-touch-startup-image" href="Resources/default.png" />       

        <title>niniliapp</title>
         <!-- <script src="test.js" type="text/javascript" charset="utf-8"></script> -->

		<script type="text/javascript">

			OBJJ_PROGRESS_CALLBACK = function(percent, appsize, path) {
				console.log(percent);
				console.log(appsize);
				console.log(path);
				
				value = (percent >= 0) ? .5 + percent * .5 * .95 : 1 ;

				progressValue = document.getElementById("progressValue");
				
				if (progressValue) {
					progressValue.style.width = ROUND(value*100) + "%";
					progressValue.innerHTML = ROUND(value*100) + "%";
				}
					
			};
		</script>
		
		<script type="text/javascript">		
			var script =document.createElement('script');
				script.charset = 'UTF-8';
				script.type = 'text/javascript';
				script.src = 'lib/md5.js';
				
				var head = document.getElementsByTagName('head')[0];
					head.appendChild(script);
			// window.onBespinLoad = function() {
			// 	alert('bespin load');
			// };
        </script>

        <script type="text/javascript">
            OBJJ_MAIN_FILE = "main.j";
			OBJJ_AUTO_BOOTSTRAP = true;
			OBJJ_INCLUDE_PATHS = ['/nihiliapp/Frameworks','/nihiliapp/'];
 
			var CPLogDisable = false;
			
			var script =document.createElement('script');
				script.charset = 'UTF-8';
				script.type = 'text/javascript';
				script.src = 'Frameworks/Objective-J/Objective-J.js';
				
				var head = document.getElementsByTagName('head')[0];
					head.appendChild(script);
			// window.onBespinLoad = function() {
			// 	alert('bespin load');
			// };
        </script>
        
        <!-- <script type="text/javascript" src="Frameworks/Objective-J/Objective-J.js" charset="UTF-8"></script> -->


		<!-- <link id="bespin_base" href="Bespin/" type="text/css" >
		<link rel="stylesheet" href="Bespin/BespinEmbedded.css" type="text/css" media="screen" title="no title" charset="utf-8">
		<script src="Bespin/BespinEmbedded.js" type="text/javascript" charset="utf-8"></script>                                  -->
                          
        <style type="text/css">
            html, body{
				margin:0; 
				padding:0;
				height:100%;
			}
			body {
				background: #eee url(Resources/ApplicationIcon.png) 50% 200px no-repeat;
			}
            #container {
				position: absolute; 
				top:200px; left:50%; 
				width:800px; 
				height: 350px;
				margin-left:-400px;
				
				
			}
            #content {text-align:center; margin-top:250px; line-height: 50px;}
            #content {font-family: "Helvetica", "Arial", sans-serif; font-size: 18px; color: black; text-shadow: 0px 1px 0px white; }
			#loadingcontainer {overflow:hidden; width:100%; height:100%; position: absolute; top: 0; left: 0;}
            #loadgraphic {margin-right: 0.2em; margin-bottom:-2px;}
			#progressValue {background-color:#a77b34; display:block; height:1px; width:0%;}
        </style>

        <!--[if lt IE 7]>
        <STYLE type="text/css">
            #container { position: relative; top: 50%; }
            #content { position: relative;}
        </STYLE>
        <![endif]-->

    </head>

    <body style="">        
        <div id="cappuccino-body">
            <div id="loadingcontainer">
                <script type="text/javascript">
                    document.write("<div id='container'>"+
										"<p id='content'>" +
                                   			"<img id='loadgraphic' width='16' height='16' src='Resources/spinner.gif' /> " +
                                 			"Loading niniliapp..."+
										"</p>"+
										"<p id='progressValue'></p>"+
									"</div>");
                </script>
        
                <noscript>
                    <div id="container">
                        <div style="width: 440px; padding: 10px 25px 20px 25px; font-family: sans-serif; background-color: #ffffff; position: relative; left: -245px; top: -120px; text-align: center; -moz-border-radius: 20px; -webkit-border-radius: 20px; color: #555555">
                            <p style="line-height: 1.4em;">JavaScript is required for this site to work correctly but is either disabled or not supported by your browser.</p>
                            <p style="font-size:120%; padding:10px;"><a href="http://cappuccino.org/noscript">Show me how to enable JavaScript</a></p>
                            <p style="font-size:80%;">You may want to upgrade to a newer browser while you're at it:</p>
                            <ul style="margin:0;padding:0; text-align: center; font-size:80%;" >
                                <li style="display: inline;"><a href="http://www.apple.com/safari/download/">Safari</a></li>
                                <li style="display: inline;"><a href="http://www.mozilla.com/en-US/firefox/">Firefox</a></li>
                                <li style="display: inline;"><a href="http://www.google.com/chrome/">Chrome</a></li>
                                <li style="display: inline;"><a href="http://www.opera.com/download/">Opera</a></li>
                                <li style="display: inline;"><a href="http://www.microsoft.com/windows/downloads/ie/getitnow.mspx">Internet Explorer</a></li>
                            </ul>
                        </div>
                    </div>
                </noscript>
            </div>
        </div>
    </body>

</html>

